Kleine HTML-Anleitung

Hallo Leserinnen und Leser,

hier möchte ich für alle, die ihre Texte im HTML-Format einsenden möchten, aber nicht genau wissen, wie es geht, eine kleine Anleitung schreiben. Dafür liegt im Verzeichnis nc eine Datei xx_name.html.

Diese Datei ladet ihr mit einem Texteditor. Sie sieht so aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>Mein Text</title>
<meta name="author" content="Autor Name">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body background="../bg2.jpg" text="#000000" link="#0000ff" vlink="#ff0000" alink="#ff9900">
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="8">
<tr>
<td><h3 align="center">Mein Text</h3>
<p>
</p>
<br>
</td></tr>
</table>
</body>
</html>

Zur Erklärung: Der ganze Text wird in eine blinde Tabelle geschrieben, um einen Rand zu erzeugen, damit der Text nicht so direkt am Rand des Browser-Fensters steht. In der vierten Zeile ersetzt ihr Mein Text durch eben euer Thema.
In der nächsten Zeile Autor Name durch euren Namen ersetzen.
In der elften Zeile dann noch euer Titel bzw. Anrede, was dann hervorgehoben dargestellt wird. Und in der übernächsten Zeile hinter dem <p> könnt ihr loslegen und euren Text schreiben...

Dabei braucht ihr auf keine Zeilenlänge achten. Ihr könnt also 60, 80 oder auch 255 zeichen pro Zeile schreiben. Zu beachten ist lediglich, dass ein Frage-oder Ausrufezeichen direkt hinter dem Wort steht, weil es sonst passieren könnte, dass eine Zeile mit ? anfängt. ;)
So wird jeder Browser euren Text in der verfügbaren Breite darstellen. Wenn ihr aber einen Zeilenumbruch erzeugen wollt, dann müsst ihr <br> notieren und der Text geht in der nächsten Zeile weiter.

Nun sind in euren Text bestimmt ein paar Umlaute und die müssen in HTML besonders geschrieben werden. Und zwar...

Ersetze das Zeichen ä durch &auml;
Ersetze das Zeichen Ä durch &Auml;
Ersetze das Zeichen ö durch &ouml;
Ersetze das Zeichen Ö durch &Ouml;
Ersetze das Zeichen ü durch &uuml;
Ersetze das Zeichen Ü durch &Uuml;
Ersetze das Zeichen &  durch   &amp;
Ersetz das Zeichen ß durch &szlig;

In euren Text-Editor gibt es eine Ersetzen-Funktion, und damit geht es ganz einfach alle Zeichen zu ersetzen.

Wie baue ich eine Grafik ein?

Weiter unten seht ihr mein Bild. Mit folgenden Code wurde es eingefügt...
<div align="center"><img src="charly.jpg" width="67" height="75" border="1" alt="meiner einer"></div>
Dem entsprechend auf euer Bild ändern. Für Ausrichtung center könnt ihr auch left oder right verwenden. Die Ma�e Breite und Höhe sollten angegeben werden, um dem Browser Rechenzeit zu ersparen. Wenn sie nicht angegeben werden, ermittelt der Browser die korrekten Daten richtig. Bedenken sollte man noch, dass einige User eine Auflösung von 640 mal 480 Pixel benutzen. Wenn man den linken Frame mit einbezieht, dann sollte ein Bild nicht breiter als z.b. 360 Pixel sein, um ein horizontales Scrollen zu vermeiden.
Die Bilder sollten den gleichen Dateinamen wie das HTML-Dokument haben. Zum Beispiel:

work_internet.html
work_internet.jpg 
work_internet1.jpg
work_internet2.jpg

Wie schon in den Richtlinien beschrieben, könnt ihr in den folgenden Rubriken unter vorgebenen Dateinamen schreiben.

RubrikDateiname   RubrikDateiname
Workshopswork_name.html   Toolstt_name.html
Hardwarehard_name.html   Gamesgt_name.html
MultiMediamm_name.html   CDcd_name.html
NC-Talknt_name.html   Small talkst_name.html
Helplinehelp_name.html   Tipps & Trickstips_name.html

Das ganze wird zum Schluss als z.b. nt_maxmeier.html abgespeichert und an Kilian gesendet.


Noch Fragen? Schreibt mir oder versucht es per Telefon.


Schöne Grüße aus Hannover von

Charly

meiner einer
 

Autor:Charly Bader  Mail:charly-ham@t-online.de  Web:http://charly-ham.bei.t-online.de/